/*************************/
/**** COLOR ****/

offBlack = #252525
darkGrey2 = #595959
darkGrey1 = #999
grey = #ababab
lightGrey1 = #e8e8e8
lightGrey2 = #f3f3f3
offWhite = #fdfdfd

fontColor = offBlack

errorRed = #dc3545
warningOrange = #f2a027
lightOrange = #FFEDA260
lightOrangeOpacity = #FFEDA240
lightBlue = #3F9FF7
lightBlueOpacity = #3F9FF740
greenToDo = #8cd36f60
greenToDoOpacity = #8cd36f40
bootstrapLinkColor = #007bff // This color comes from bootstrap
publicationColor = #661F98
secodaryButtonHover = rgba(0,0,0,0.1)

sidebarSearchItem = grey
sidebarActivitiesItem = #17B4D4
sidebarNotificationItem = lightBlue
sidebarTasksItem = #7DA944
sidebarFavoritesItem = #F2CA53

/*************************/
/**** Z-INDEX ****/

zIndexOverHeader = 50

/*************************/
/**** SIZE ****/

headerHeight = 60px // INFO - CH - 2019-04-19 - the total header height. Used to calculate height of layout like height: "calc(100% - %s)" % headerHeight
sidebarWidth = 300px
closedSidebarWidth = 60px
listItemHeight = 60px
spacingBetweenListItem = 5px
listIconWidth = 100px

// INFO - GB - 2021-08-10 - The constants below indicate the three possible font size levels
// titleFontSize: should be used for titles (that have high priority and need a highlight)
// standardFontSize: is the default font size and everything that is not high or low priority should be at this size
// metadataFontSize: should be used for meta data, i.e. used when it is not information of the content but about the
// content (that have high priority and need a highlight)

titleFontSize = 24px
standardFontSize = 16px
metadataFontSize = 14px

popupWidth = 420px
bigIconSize = 20px

oneAuthorAvatarSize = 30px
twoAuthorsAvatarSize = 20px

// INFO - ML - 2023-01-16 - This corresponds to the size of bootstrap's .btn box-shadox
buttonShadowOutline = 3px

/*************************/
/**** BORDER ****/

standardBorderRadius = 6px
mentionBorderRadius = 50%
borderStyle = 1px solid grey

mentionCircleSize = 18px
notificationCircleSize = 10px
wallCircleSize = 8px


/*************************/
/**** SPACING ****/

// INFO - GB - 2021-08-10 - The constants below indicate the three possible spacings
// pageSpacing: is the space around the page
// standardSpacing: is the default space and everything that does not have a specific space should have this one around
// textSpacing: is the space between something and its associated text, for example, the space between an icon and its text

pageSpacing = 30px
standardSpacing = 10px
textSpacing = 5px

/*************************/
/**** BOX SHADOW ****/

shadow-bottom = 0px 0px 5px 1px #606060
shadow-right = 2px 2px 5px 0px #404040
shadow-left = -2px 2px 5px 0px #404040
shadow-all = 1px 1px 5px 2px #ababab
shadow-half = 1px 1px 1px 1px #ababab

/***********************/
/**** MEDIA QUERIES ****/

json('../screenSizes.json')

min-xs = unit(MIN_XS, px)
max-xs = unit(MAX_XS, px)

min-sm = unit(MIN_SM, px)
max-sm = unit(MAX_SM, px)

min-md = unit(MIN_MD, px)
max-md = unit(MAX_MD, px)

min-lg = unit(MIN_LG, px)
max-lg = unit(MAX_LG, px)

min-xl = unit(MIN_XL, px)
